// ===============  切换登录和注册的盒子 ===============
// 点击去注册
$('#showReg').on('click', (function () {
    $('.reg-form').show()
    $('.login-form').hide()
}))
// 点击去登录
$('#showLogin').on('click', (function () {
    $('.reg-form').hide()
    $('.login-form').show()
}))


// 加载模块
const form = layui.form
// 调用方法，定义验证规则
form.verify({
    //我们既支持上述函数式的方式，也支持下述数组的形式
    //数组的两个值分别代表：[正则匹配、匹配不符时的提示文字]
    pwd: [
        /^[\S]{6,12}$/
        , '密码必须6到12位，且不能出现空格'
    ],

    rePwd: function (value, item) { //value：表单的值、item：表单的DOM对象

        //如果不想自动弹出默认提示框，可以直接返回 true，这时你可以通过其他任意方式提示（v2.5.7 新增）
        if ($('#pwdInp').val() !== value) {
            return '两次密码不一致'
        }
    }
})


// =============== 完成注册功能 ===============
// 注册表单提交功能
const layer = layui.layer
$('.reg-form').on('submit', function (e) {
    e.preventDefault()
    let data = $(this).serialize()
    console.log(data);
    // axios 方法发送ajax请求到接口，完成注册
    // axios({
    //     method: 'POST',
    //     url: 'http://api-breakingnews-web.itheima.net/api/reguser',
    //     data: data,
    // }).then((res) => {
    //     console.log(res);
    // })

    axios.post('/api/reguser', data)
        .then(({ data }) => {
            console.log(data)
            if (data.status !== 0) {
                return layer.msg(data.message)
            }
            layer.msg(data.message)
            // 跳转到登录界面
            $('#showLogin').click()
        })
})

// =============== 完成登录功能 ===============
$('.login-form').on('submit', function (e) {
    e.preventDefault()
    let data = $(this).serialize()
    console.log(data)
    axios.post('/api/login', data)
        .then(({ data }) => {
            // console.log(data)
            // 提示登录信息
            if (data.status !== 0) {
                return layer.msg(data.message)
            }
            // layer.msg('登录成功')
            // 本地存储token信息
            localStorage.setItem('token', data.token)
            // 跳转
            layer.msg('登录成功', {
                time: 2000 //2秒关闭（如果不配置，默认是3秒）
            }, function () {
                //do something
                location.href = '/index.html'
            })
        })
})